// 强行找个借口就是, 这样写就能知道这是一个公共样式.... 不是那个组件专用的样式
.options__page {
  padding-bottom: 50px;
  .mask__item {
    &::before {
      content: "";
      width: 100%;
      height: 100%;
      display: block;
      background: rgba($color: #000000, $alpha: 0.2);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      opacity: 0;
      transition: opacity 0.3s;
      pointer-events: none;
    }
    &:hover::before {
      opacity: 1;
    }
  }
  .image__item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  .upload-mask__item {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background: rgba($color: #000000, $alpha: 0.5);
    color: #fff;
  }
  .upload-icon__item {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
    font-weight: bolder;
    transition: color 0.3s;
    pointer-events: none;
    color: #a1a1a1;
  }
}
